.img-preview{
    width:200px;
    height:200px;
    padding: 1px;
    border: 1px rgba(0,0,0,.4) solid;
    border-radius: 6px;
    background-color: white;
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
    text-align:center;
    top:30px;
    margin-right:90px;

}

.img-contbox{
    width:200px;
    height:200px;
    overflow:hidden;
}




.file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    width:110px;
}


.account_content .preview_pane {
    position:absolute;
    display:inline-block;
    width:400px;
    height:400px;
    left:10px;
    top:20px;
}

.account_content .preview_background {
    border: 1px solid #CCCCCC;
    background: #F2F2F2;
    width: 350px;
    height: 350px;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}


.img-content{
    padding:5px 25px;
}
.img-content .headMain {
    position:relative;
    height:420px;
}
.img-content .preview_pane {
    position:absolute;
    display:inline-block;
    width:450px;
    height:260px;
    left:-17px;
    top:20px;
}
.img-content .preview_background {
    border: 1px solid #CCCCCC;
    background: #F2F2F2;
    width: 400px;
    height: 250px;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}
.img-content .source_pane {
    position:absolute;
    display:inline-block;
    width:260px;
    height:400px;
    left:395px;
    top:20px;
}

.img-content .file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    width:110px;
}

.img-content .mainImage {
    max-height:250px;
    max-width:400px;

}



 .headMain {
    position:relative;
    height:420px;
}
 .preview_pane {
    float:left;
    width:400px;
    height:400px;
    left:10px;
    margin-top: 20px;
    margin-left: 10px;
}
 .preview_background {
    border: 1px solid #d7d7d7;
    background: #F2F2F2;
    width: 350px;
    height: 350px;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}
.source_pane {
    float:left;
    display:inline-block;
    width:260px;
    height:400px;
    left:420px;
    margin-top:20px;
}
 .file {
    position:absolute;
    display: inline-block;
    background: #f48c29;
    border: 1px solid #f48c29;
    border-radius: 4px;
    padding: 4px 18px;
    overflow: hidden;
    color: white;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
    outline:none;
    text-decoration:none;
    cursor:pointer;

     margin-top: 10px;
}

.file:hover {
    color: white;
    text-decoration: none;
    cursor:pointer;
    margin-top: 10px;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}
 .file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    width:110px;
}

.mainImage {
    max-height:350px;
    max-width:350px;

}

.save_button{
    width:80px;
    height:30px;
    border-radius: 5px;
    background-color: #f48c29;
    border:0px #f48c29 solid;
    font-family: 微软雅黑;
    color:white;
	margin-bottom:15px;
}

 
.save_left{
   margin-left: 120px;

}
.per_detail_content .input_ok  {
    color:#33CC99;
}